<template>
  <div class='content'>
      <h3>
          课程中心
      </h3>
      <course-list :lists='lists'></course-list>
  </div>
</template>


<script>
import CourseList from '@/components/CourseList'
import {getCourse,getCourseDetail} from '@/api/course'
export default {
  data () {
    return {
      lists:[]
    };
  },
 async created(){
   this.lists= await getCourse()
  //  console.log(this.lists)
 },
  components: {
    CourseList
  },

  computed: {},

  methods: {}
}
</script>
<style lang='less' scoped>
  .icon-liebiao{
    color: #333;
  }
  .content{
    padding-bottom:20px;
  }
  .content h3{
    font-size: 16px;
    line-height: 32px;
  }
</style>